<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
</head>

<body>
    <script>
        var num = 10;

        function fun1() {
            var num2 = 20;
            console.log(num);
            console.log(num2);
        }
        // console.log(num2);//报错
        fun1();

        // for (var i = 0; i < 5; i++) {
        //     console.log(i);
        // }

        // console.log(i);

        for (let i = 0; i < 5; i++) {
            console.log(i);
        }
        // console.log(i);

        {
            var str = "aaa";
            let str2 = "bbb";
        }

        console.log(str);
        console.log(str2);

        // 作用域分为：
        // 全局 在哪儿都能用的变量
        //局部作用域 只在某一个范围内能用的 （有分为函数作用域和块级作用域）
        // 局部作用域的划分：
        // var 定义的变量 看到函数就是划分的标志
        // let const 定义的变量 看到{}就是划分的标志
    </script>
</body>

</html>